import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '../components/login.vue'
// import Home from '../components/Home.vue'
import Home from '../components/Home.vue'

Vue.use(VueRouter)

const routes = [{
        path: '/',
        redirect: '/login'
    },
    {
        path: '/login',
        component: Login
    },
    {
        path: '/home',
        component: Home
    }
]

const router = new VueRouter({
    routes,

})

// 挂载路由导航守卫
router.beforeEach((to, from, next) => {
    // to  将要访问的路径

    // from 代表从哪个路径跳转

    //next('/login') 代表放行  强制跳转

    // 如果你访问的是登录也 不需要权限 直接放行 直接进行下一步
    if (to.path === '/login') {
        return next()
    }

    //获取token
    const tokenStr = window.sessionStorage.getItem('token')

    if (!tokenStr) { //如果token不存在 就需要跳转到登录页 去从新登录
        return next('/login')
    } else {
        next()
    }
})

export default router